<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
	<head>
		<title>Portal Site</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<link rel="stylesheet" type="text/css" href="mockup-style.css" />
		<link rel="stylesheet" type="text/css" href="tb.css" />
		<script type="text/javascript" src="inc/jquery-1.3.2.js"></script>
		<script type="text/javascript" src="inc/ui.core.js"></script>
		<script type="text/javascript" src="inc/ui.draggable.js"></script>
		<script type="text/javascript" src="inc/interface/interface.js"></script>
		<script type="text/javascript" src="inc/autoexpand.js"></script>
		<script type="text/javascript" src="inc/thickbox.js"></script>
		<script type="text/javascript" src="inc/expand.js"></script>
		<style type="text/css">
			.draggable { 
				width: 300px; 
				height: 20px;
				position: absolute; 
				top: 40px; 
				left: 100px;
			}
		</style>
		<script type="text/javascript">
		$(document).ready(function(){
			$(".draggable").draggable();
		});
		</script>
	</head>
	<body>
		<ul id="menubar">
			<li id="logo"><a href="#"><img src="img/companionCube.png" alt="Weighted Companion Cube" title="Weighted Companion Cube" /></a></li>
			<li><a href="menu.html?KeepThis=true&amp;TB_iframe=true&amp;height=300&amp;width=350" title="Add widgets" class="thickbox"><img src="img/plus.png" alt="+" /> Add widgets</a></li>
			<li><a href="login.html?KeepThis=true&amp;TB_iframe=true&amp;height=170&amp;width=220" title="Login" class="thickbox"><img src="img/users.png" alt="" /> Login</a></li>
			<li><a href="menu.html?KeepThis=true&amp;TB_iframe=true&amp;height=300&amp;width=350" title="Help" class="thickbox"><img src="img/help.png" alt="F1" /> Help</a></li>
		</ul>

		<div id="desktop">
			<div class="widget searchbar draggable">
				<h2 class="wHeader"><a href="#" class="minWContainer"><img src="img/windowDown.png" alt="Minimize" /></a> Google bar</h2>
				<form class="wContainer" action="http://www.google.com/search">
					<p><input type="text" id="search" name="q" /></p>
					<p><input type="submit" class="button" value="Search" /></p>
				</form>
			</div>
			<div class="draggable">
				Drag me
			</div>
		</div>
	</body>
</html>